<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../../assets/css/bootstrap/bootstrap.min.css">
    <link rel="stylesheet" href="../../assets/css/bootstrap/bootstrap-responsive.min.css">
    <link rel="stylesheet" href="../../assets/css/jquery/uniform.default.css">
    <link rel="stylesheet" href="../../assets/css/style.css">

    <link href="http://localhost:8080/arcgis_js_v47_api/arcgis_js_api/library/4.7/dijit/themes/claro/claro.css" rel="stylesheet" />
    <link rel="stylesheet" href="http://localhost:8080/arcgis_js_v47_api/arcgis_js_api/library/4.7/esri/css/main.css">
    <link rel="stylesheet" href="../../assets/css/font-awesome.min.css">
    <link rel="stylesheet" href="../../assets/css/style-metro.css">
    <link rel="stylesheet" href="css/map.css">
    <style>
        .esri-search {
            position: absolute;
            top: 20px;
            left: 50px;
        }
        .esri-input[type="text"] {
            margin-bottom: 0;
        }
    </style>
    <script>
        var dojoConfig = {
            locale: "zh-cn",
            isDebug: false,
            async: true,
            tlmSiblingOfDojo: false,
            packages: [{
                name: "sc",
                location: location.pathname.replace(/\/[^/]*$/, "") + "/module"
            }]
        }
    </script>
    <script src="../../assets/js/plug/jquery/jquery-1.10.1.min.js"></script>
    <script src="../../assets/js/plug/jquery/jquery-ui-1.10.1.custom.min.js"></script>
    <script src="../../assets/js/plug/bootstrap/bootstrap.min.js"></script>
    <script src="../../assets/js/plug/jquery/jquery.blockui.min.js"></script>
    <script src="../../assets/js/plug/jquery/jquery.uniform.min.js"></script>
    <script src="../../assets/js/plug/jquery/jquery-migrate-1.2.1.min.js"></script>
    <script src="http://localhost:8080/arcgis_js_v47_api/arcgis_js_api/library/4.7/dojo/dojo.js"></script>
    <script src="module/main.js"></script>
    <script>
        $(document).ready(function () {
           $("input[type=checkbox]").uniform();
        });
    </script>
</head>
<body>

<div id="map"></div>
<div id="map-menu">
    <div class="btn-group">
        <a class="btn" href="#" data-toggle="dropdown">
            机场
            <i class="icon-angle-down"></i>
        </a>
        <div class="dropdown-menu airport hold-on-click dropdown-checkboxes">
            <label>
                <input data-layerId="0" type="checkbox">所有机场
            </label>
            <label>
                <input data-layerId="2" type="checkbox">大型机场
            </label>
            <label>
                <input data-layerId="1" type="checkbox">中型机场
            </label>
        </div>
    </div>

    <div class="btn-group">
        <a class="btn" href="#" data-toggle="dropdown">
            导航
            <i class="icon-angle-down"></i>
        </a>
        <div class="dropdown-menu nav hold-on-click dropdown-checkboxes">
            <label>
                <input data-layerId="0" data-navLayerId="0" type="checkbox">VOR导航台
            </label>
            <label>
                <input data-layerId="2" data-navLayerId="1" type="checkbox">NDB归航台
            </label>
        </div>
    </div>

    <div class="btn-group hidden-phone">
        <a href="javascript:;" data-subLayerId="0" class="btn way-point">导航点</a>
        <a href="javascript:;" class="btn air-way">航线</a>
    </div>

</body>
</html>